@import '~/common/style/index.scss';
@import './emoji.scss';
@import './moreAction.scss';
@import './recorder.scss';
@import './textarea.scss';
@import './selectedControls.scss';

$editor-prefix-cls: #{$cui-prefix}-message-editor;
.#{$editor-prefix-cls}{
    display: flex;
    padding: $padding-s 20px;
    align-items: flex-end;
    // overflow: hidden;
    position: relative;
    gap: 10px;
    &-disabled{
        &::after{
            content: ' ';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            opacity: .5;
            cursor: not-allowed;
            background-color: #fff;
        }
    }
    
    &-dark.#{$editor-prefix-cls}-disabled{
        &::after{
            opacity: .1;
        }
    }

    &-sendBtn {
        // position: absolute;
        // right: 12px;
        // bottom: 7px;
        width: 36px;
        height: 36px;
        justify-content: center;
        align-items: center;
        display: flex;
        cursor: pointer;
        line-height: 100%;
        background-color: $blue-5;
        border-radius: 4px;

        &-round{
            border-radius: 18px;
        }
    }
}
